<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/index.css">
    <title>五子棋</title>
</head>
<body>
    <div class="wrap">       
        <div class="container">
            <div class="net" id="net">
            </div>
        </div>
        <div class="grid" id="grid">
        </div>
        <!-- 做悔棋功能的按钮明天写，先睡觉了 -->
        <div class="push-button">
            <a href="">重来</a>
            <span id="repent">悔棋</span>
            <p id="tips">黑子回合</p>
            <span id="de">认输</span>
            <div class="ending" id="ending">
                <p></p>
                <p></p>
                <p></p>
                <p></p>
                <p></p>
                <a href="">确定</a>
            </div>
        </div>
        <div class="shade" id="shade">
            <div class="del" id="del">
                <p></p>
                <a href="">确定</a>
            </div>
            
        </div>
    </div>
</body>
<script src="index.js"></script>
</html>